<!doctype html>
<html lang="en">
 <head>
  <meta charset="UTF-8">
  <meta name="Author" content="cjw">
  <meta name="Keywords" content="">
  <meta name="Description" content="">
  <title>店铺管理分页面中的-模块-主要模块</title>
  <style>
	*{margin: 0; padding: 0;}
	.main_box{width:1000px; height:800px; background:#fff; margin:50px auto; font-size:12px;}
	.main_box i{display:block; width:16px; height:16px;}
	.main_box ul {list-style-type:none;}
	
	/*左边导航*/
	.main_box .left_nav{width:166px; height:100%; border:1px solid #ddd; float:left;}
	.left_nav li{width:100%; height:25px; border-bottom:1px solid #ddd; color:#555; cursor:pointer; text-align:center; font-size:14px; line-height:25px;}
	.left_nav li:hover{background:#555; color:#fff;}

	/*右边内容*/
	.main_box .right_con{width:831px; height:100%; border:1px solid #ddd; float:left; border-left:none;}
	.con_sales,.con_goods,.con_shop{display:none;}
	.order_nav,.sales_nav,.con_Title,.sales_Title{border-bottom:1px solid #ddd; overflow:hidden;}
	.con_Title,.sales_Title{height:50px;}
	.right_con .order_nav li {float:left; width:120px; height:35px; text-align:center; line-height:40px; color:#555; cursor:pointer;}
	.right_con .sales_nav li {float:left; width:120px; height:35px; text-align:center; line-height:40px; color:#555; cursor:pointer;}

	.order_new,.order_ing,.order_ed, .sales_new,.sales_ing,.sales_ed{width:100%; height:712px;}
	.order_ing,.order_ed, .sales_ing,.sales_ed {display:none;}

	.sales_new,.sales_ing,.sales_ed {}
	.sales_ing,.sales_ed {}

	.con_Title label:nth-child(1){float:left; }
	.con_Title label:last-child{float:right; }
	.con_Title label input {margin:17px 11px; border:none; width:160px; height:25px; padding-left:25px; border-radius:5px; color:#9c9797;}
	.con_Title .search_i {position:absolute; margin:22px 15px; background:url(image/manage/search.png); cursor:pointer;}
	.con_Title .search_i:hover{background:url(image/manage/search_hover.png); cursor:pointer;}
	.con_Title span, .sales_Title span {width: 140px; height: 27px;display: block; font-size: 20px; font-family: sans-serif; color: #7b7b7a; margin: 0px 30px; padding-top: 10px; border-bottom: 4px solid #ccc;}

	.goods_con{padding:5px;}
	.goods_new,.goods_ing,.goods_ed {width:744px; height:500px; background:#ddd;}
	.goods_ing,.goods_ed {display:none;}

	.goods_new,.goods_ing,.goods_ed{overflow-y:auto;overflow-x:hidden;}
	.con_goods table{text-align:center; width:820px;}
	.con_goods table tbody tr{height: 30px; background: #ddd;}
	.con_goods table tbody tr:hover{box-shadow:1px 1px 8px -1px #555;}
	.con_goods table tbody .tr_top{background:#ccc; height:35px;}
	.con_goods table tbody .tr_addsingular{background: #b8d9e8;}
	.con_goods table tbody tr td{width:162px; border-bottom:1px solid #ccc;  }
	.con_goods table tbody tr td input[type="text"]{width: 150px; height: 22px; border: 0px; background:rgba(0,0,0,0); text-align: center; cursor:pointer; color:#fff;}
	.con_goods table tbody tr .oprate_td{width:26px;}
	.con_goods table tbody tr td:last-child{width:60px;}

	.update_i{background:url(image/manage/update.png); cursor:pointer;}
	.update_i:hover{background:url(image/manage/update_hover.png);}
	.delete_i{background:url(image/manage/dele.png); cursor:pointer;}
	.delete_i:hover{background:url(image/manage/dele2.png);}

	/* S - 订单 */
	.order_con .order i{display: block; width: 16px; height: 16px;}
	.order_con .order img{display: block;}
	.order_con .order{width:680px; color:#ccc; padding:5px; border:1px solid #ddd; font-size:12px; margin:20px auto; overflow:hidden;}
	.order_con .order .top{height: 25px;}
	.order_con .order .con{}
	.order_con .order .con ul li{list-style-type:none; border:1px solid #ddd; padding:6px; margin-top:2px;}
	.order_new .order .con ul li .busi_name{height:22px; font-size:14px; font-weight:bold;}
	.order_con .order .con ul li table{}
	.order_con .order .con ul li table tbody tr{}
	.order_con .order .con ul li table tbody tr td{text-align: center; width:126px; color:#ccc;     padding: 2px; border-bottom:1px solid #ddd; border-right:1px solid #ddd;}

	.order_con .order .con ul li table tbody tr:nth-child(1) td{border-top:1px solid #ddd;}
	.order_con .order .con ul li table tbody tr td:nth-child(1){width:100px; border-left:1px solid #ddd; }
	.order_con .order .con ul li table tbody tr td:nth-child(2){width:160px;}
	.order_con .order .con ul li table tbody tr td:nth-child(3){}
	.order_con .order .con ul li table tbody tr td:nth-child(4){}
	.order_con .order .con ul li table tbody tr td:nth-child(5){}
	.order_con .order .con ul li table tbody .busi_name td{text-align:left; height:20px; padding-left:3px; border-top:1px solid #ddd;}
	.order_con .order .con ul li .li_bom{height:16px; overflow:hidden;} /*16px;46px;*/
	.order_con .order .con ul li .li_bom .order_state{height:16px;}
	.order_con .order .con ul li .li_bom .order_state label{float:right;}
	.more_infor:hover, .label_logistics:hover{color:#555; cursor:pointer;}
	.order_con .order .con ul li .li_bom .order_logistics{height:18px; background:#f6f4f0; 
	padding:6px; }
	.order_con .order .order_logistics label{display:block; float:left;}
	.order_con .order .order_logistics label:nth-child(2){width:24px; height:1px; margin-left: 10px;}

	.order_con .order .order_logistics .sure_order{float:right; width:60px; height:18px; text-align:center; color:#fff; border-radius:4px; background:#e6b981; cursor:pointer;}
	.sure_order{line-height:18px;}
	.order_con .order .order_logistics .sure_order:hover{background:#f58536}

	.order_con .order .bom{}
	.order_con .order .bom .money_space,.order_con .order .bom .money,.order_con .order .bom .original_money{float:right;}
	/* E - 订单 */

	/*收藏 足迹*/
	.colle_con, .foot_con {padding:10px 80px;}  /*收藏 */
	.lictn {height:60px; border-bottom:1px solid rgba(204, 207, 208, 0.26); padding:2px; background:#fff; cursor:pointer; overflow:hidden; margin:auto; width:630px;}
	.lictn label {display:block;}
	.lictn:hover {box-shadow:1px 1px 6px 0px #ccc;}
	.goodspho {width:60px; height:60px; float:left;}
	.goodspho img {display:block; cursor:pointer;}

	.goodsdes {float:left; height:60px; margin:0 5px;}
	.goodsdes label {line-height:80px;}

	.goods-infor font:nth-child(1) {font-weight:bold; color:red;}
	.goods-infor font:nth-child(2) {font-size:16px; font-family: sans-serif;font-style: normal;}
	.goods-name, .goods-size, .goods-num, .goods-color, .goods-price, .foot-time {text-align:center; float:left; color:#756e6e; font-size:12px;font-family: serif;} 
	.goods-name {width:180px;}
	.goods-color {width:80px;}
	.goods-num, .goods-size {width:100px}
	.goods-price {width:100px;}
	.foot-time {width:120px;}
	.colle-bt, .operate {overflow:hidden;}
	.colle-bt img {margin:28px 80px; display:block; cursor:pointer; float:right;}
	.operate img {margin:28px 40px; display:block; cursor:pointer; float:right;}
  </style>
 </head>
 <body>	
	<div class="main_box">
		<!--左边导航-->
		<div class="left_nav">
			<ul>
				<!--order 订单,sales 销售,goods 商品-->
				<li class="order">订单</li>
				<li class="sales">销售</li>
				<li class="goods">商品</li>
				<li>店铺</li>
			</ul>
		</div>
		<!--右边内容-->
		<!--
			left-nav-cnt
				这是默认对应上面li的容器每一个对应容器都闭需添加
		-->
		<div class="right_con">
			<!--订单-->
			<div class="con_order left-nav-cnt">
				<div class="con_Title">
					<label>
						<span>订单内容</span>
					</label>
					<label>
						<i class="search_i"></i>
						<input class="goods_search" placeholder="输入要查找的订单编号" type="text" />
					</label>
				</div>
				<div class="order_nav">
					<ul>
						<li>新的订单</li>
						<li>正在交易</li>
						<li>成交订单</li>
					</ul>
				</div>
				<div class="order_con">
					<!--新的订单-->
					<div class="order_new">
						<ul>
							
						</ul>
					</div>
					<!--正在交易-->
					<div class="order_ing">
						<ul>
							
						</ul>
					</div>
					<!--过去订单-->
					<div class="order_ed">
						<ul>
							
						</ul>
					</div>
				</div>
			</div>
			<!--销售-->
			<div class="con_sales left-nav-cnt">
				<div class="sales_Title">
					<label>
						<span>销售情况</span>
					</label>
				</div>
				<div class="sales_nav">
					<ul>
						<li>最近7天</li>
						<li>过去一个月</li>
						<li>过去一年</li>
					</ul>
				</div>
				<div class="sales_con">
					<!--最近7天-->
					<div class="sales_new"></div>
					<!--过去一个月-->
					<div class="sales_ing"></div>
					<!--过去一年-->
					<div class="sales_ed"></div>
				</div>
			</div>
			<!--商品-->
			<div class="con_goods left-nav-cnt">
				<div class="con_Title">
					<label>
						<span>商品内容</span>
					</label>
					<label>
						<i class="search_i"></i>
						<input placeholder="输入要查找的商品名称" class="goods_search" type="text" />
					</label>
				</div>
				<div class="goods_con">
					<!--
					<table cellspacing="0" cellpadding="0">
						<tbody id="dele_tbody">
							<tr class="tr_top">
								<td>名称</td>
								<td>价格</td>
								<td>尺寸</td>
								<td>颜色</td>
							</tr>
						</tbody>
					</table>
					-->
					<table class="goods_table" cellspacing="0" cellpadding="0">
						<tbody id="goods_list">
						<!--
						<div class="lictn" data-id="">
									<label class="goodspho">
										<img src='E:/tako/tako.jpg' width="55" height="60" />
									</label>
									<label class="goodsdes">
										<label class="goods-infor">
											<label class = "goods-name">黑白条纹打底衫</label>
											<label class="goods-color">粉色</label>
											<label class="goods-num">2</label>
											<label class="goods-size">L</label>
											<label class="goods-price"><del>110</del>120</label>
											<label class="foot-time">2018/1/1 10:23</label>
											<label class="operate">
												<img src="image/colle1.png" title="单击放弃收藏" width="20px" height="20px"/>
											</label>
										</label>
									</label>
								</div>
						-->
							<tr class="" data-id="">
								<td><input type="text" value="好看的上衣"></td>
								<td><input type="text" value="120"></td>
								<td><input type="text" value="S-L-XL"></td>
								<td><input type="text" value="红色-卡其色-棕色"></td>
								<td class="oprate_td"><i class="update_i"></i></td>
								<td class="oprate_td"><i class="delete_i"></i></td>
							</tr>
							<tr class="" data-id="">
								<td><input type="text" value="好看的上衣"></td>
								<td><input type="text" value="120"></td>
								<td><input type="text" value="S-L-XL"></td>
								<td><input type="text" value="红色-卡其色-棕色"></td>
								<td class="oprate_td"><i class="update_i"></i></td>
								<td class="oprate_td"><i class="delete_i"></i></td>
							</tr>
							<tr class="" data-id="">
								<td><input type="text" value="好看的上衣"></td>
								<td><input type="text" value="120"></td>
								<td><input type="text" value="S-L-XL"></td>
								<td><input type="text" value="红色-卡其色-棕色"></td>
								<td class="oprate_td"><i class="update_i"></i></td>
								<td class="oprate_td"><i class="delete_i"></i></td>
							</tr>
							<tr class="" data-id="">
								<td><input type="text" value="好看的上衣"></td>
								<td><input type="text" value="120"></td>
								<td><input type="text" value="S-L-XL"></td>
								<td><input type="text" value="红色-卡其色-棕色"></td>
								<td class="oprate_td"><i class="update_i"></i></td>
								<td class="oprate_td"><i class="delete_i"></i></td>
							</tr>
							<tr class="" data-id="">
								<td><input type="text" value="好看的上衣"></td>
								<td><input type="text" value="120"></td>
								<td><input type="text" value="S-L-XL"></td>
								<td><input type="text" value="红色-卡其色-棕色"></td>
								<td class="oprate_td"><i class="update_i"></i></td>
								<td class="oprate_td"><i class="delete_i"></i></td>
							</tr>
							<tr class="" data-id="">
								<td><input type="text" value="好看的上衣"></td>
								<td><input type="text" value="120"></td>
								<td><input type="text" value="S-L-XL"></td>
								<td><input type="text" value="红色-卡其色-棕色"></td>
								<td class="oprate_td"><i class="update_i"></i></td>
								<td class="oprate_td"><i class="delete_i"></i></td>
							</tr>
						</tbody>
					</table>
				</div>
			</div>
			<!--店铺-->
			<div class="con_shop left-nav-cnt">
				<div class="sales_Title">
					<label>
						<span>店铺管理</span>
					</label>
				</div>
				<div class="manage_con">
				</div>
			</div>
		</div>
	</div>
	<script src="js/Order_Mudle.js"></script>
	<script src="js/MyjsV0-3.js"></script>
	<script>
	//构建页面
	//容器main_box
	//左边固定

	//右边有变
		//top固定
		//nav可有可无
		//con变

	//功能生效
	
	/*左边导航*/
	/**
	左栏
	liElements
	cntElements
	*/
	function liEvent_2(data){
		LiEventSuper.call(this, data) ;
		new InheritSupport().support(this, new LiEventSuper(data)) ;

		this.overEventCss = function (i){
			data.liElements[i].css("background:#555; color:#fff;", false) ; 
		}
		//当前移出样式设置
		this.outEventCss = function (i){
			data.liElements[i].css("background:#f6f4f0; color:#555;", false) ; 
		}
		//e {i:preIndex}
		this.preClickFun = function (i){
			data.liElements[i].css("background:#f6f4f0; color:#555;", false) ;
			data.cntElements[i].css("display:none;", false) ;
		}
		//设置当前的元素 
		//e {i:i}
		this.nowClickFun = function (i){
			data.liElements[i].css("background:#555; color:#fff;", false) ;
			data.cntElements[i].css("display:block;", false) ;
		}
	}

	/*为右边的nav 和 con调用*/

	//li的点击和滑过、离开 js设置
	$(".order")[0].css("background:#555; color:#fff;", false) ;
	$(".order_nav")[0].$("li")[0].css("background:#555; color:#fff;", false) ;
	$(".sales_nav")[0].$("li")[0].css("background:#555; color:#fff;", false) ;
	
	//eval
	
	new liEvent_2({
		liElements:$(".left_nav")[0].$("li"),
		cntElements:$(".right_con")[0].$(".left-nav-cnt"),
	}).doReady() ;
	
	/*订单 - 新的订单 正在交易 过去订单*/
	//S为确认发货的数据发货
	var orderData = new JSONObject() ;		//订单信息
	orderData.put("id", "0000") ;
	orderData.put("time", "2017-12-26 18:55") ;
	orderData.put("money", "10000") ;
	
	//Business:
	var BusinessData = new JSONObject() ;	//商家信息
	BusinessData.put("storeName", "衣品之家") ;
	BusinessData.put("deliveryState", false) ;
	BusinessData.put("progressState", true) ;
	
	var LogisticsData = new JSONObject() ;	
	LogisticsData.put("shipAddress", "广东省-广州市-广东白云学院") ;//商户地址信息
	LogisticsData.put("receiptAddress", "广西省-北海市-贵海花园一期") ;//客户地址信息
	BusinessData.put("logistics", LogisticsData) ;  //商家信息中收集物流信息
	//Goods:
	var GoodsData1 = new JSONObject() ;		//商品信息
	GoodsData1.put("id", "0001") ;
	GoodsData1.put("path", "C:/Users/win7/Desktop/tako/tako5.jpg") ;
	GoodsData1.put("name", "好看的上衣") ;
	GoodsData1.put("price", "50") ;
	GoodsData1.put("size", "L") ;
	GoodsData1.put("color", "粉红") ;
	GoodsData1.put("count", "2") ;
	var GoodsData2 = new JSONObject() ;		//商品信息
	GoodsData2.put("id", "0002") ;
	GoodsData2.put("path", "C:/Users/win7/Desktop/tako/tako5.jpg") ;
	GoodsData2.put("name", "好看的上衣2") ;
	GoodsData2.put("size", "L") ;
	GoodsData2.put("price", "280") ;
	GoodsData2.put("color", "粉红") ;
	GoodsData2.put("count", "3") ;
	//E为确认发货的数据发货

	//S创造订单
	var of = new OrderFactory_1() ;
	var orderObject = of.createOrder(orderData) ;
	var busiObject = of.createBusinessMange(BusinessData) ;
	var goods1 = of.createGoods(GoodsData1) ;
	var goods2 = of.createGoods(GoodsData2) ;

	busiObject.add(goods1) ;
	busiObject.add(goods2) ;
	orderObject.add(busiObject) ;
	//E创造订单

	console.log(orderObject.makeHTML()) ;
	$(".order_new")[0].$("ul")[0].insert("<li>" + orderObject.makeHTML() + "</li>") ;
	var ani = new AnimateRoutine({
		aniEle:$(".order_new")[0].$("ul")[0].$(".li_bom")[0],
		aniMin:16,
		aniMax:50,
		closeAll:false,
		type:"bottom",
	}) ;
	

	
	var openBool = true ;
	$(".order_new")[0].onclick = function(e){
		//进行发货确认 打开order_logistics栏查看或者操作发货
		console.log(e.target.attr("class")) ;
		if(e.target.attr("class") == "more_infor"){
			if(openBool){
				openBool = false ;
				ani.run() ;
			}else{
				openBool = true ;
				ani.next() ;
			}
		}
		//点击确认发货
		if(e.target.attr("class") == "sure_order"){
			
		}
	}
	var BusinessData1 = new JSONObject() ;	//商家信息
	BusinessData1.put("storeName", "衣品之家") ;
	BusinessData1.put("deliveryState", true) ;
	BusinessData1.put("progressState", true) ;
	BusinessData1.put("logistics", LogisticsData) ;  //商家信息中收集物流信息
	var orderObject2 = of.createOrder(orderData) ;
	var busiObject2 = of.createBusinessMange(BusinessData1) ;

	busiObject2.add(goods1) ;
	busiObject2.add(goods2) ;
	orderObject2.add(busiObject2) ;
	/*E创造订单*/
	$(".order_ing")[0].$("ul")[0].insert("<li>" + orderObject2.makeHTML() + "</li>") ;
	var ani2 = new AnimateRoutine({
		aniEle:$(".order_ing")[0].$("ul")[0].$(".li_bom")[0],
		aniMin:16,
		aniMax:50,
		closeAll:false,
		type:"bottom",
	}) ;
	var openBool2 = true ;
	$(".order_ing")[0].onclick = function(e){
		//进行发货确认 打开order_logistics栏查看或者操作发货
		if(e.target.attr("class") == "more_infor"){
			if(openBool2){
				openBool2 = false ;
				ani2.run() ;
			}else{
				openBool2 = true ;
				ani2.next() ;
			}
		}
	}

	var BusinessData2 = new JSONObject() ;	//商家信息
	BusinessData2.put("storeName", "衣品之家") ;
	BusinessData2.put("deliveryState", true) ;
	BusinessData2.put("progressState", false) ;
	BusinessData2.put("logistics", LogisticsData) ;  //商家信息中收集物流信息
	var orderObject3 = of.createOrder(orderData) ;
	var busiObject3 = of.createBusinessMange(BusinessData2) ;

	busiObject3.add(goods1) ;
	busiObject3.add(goods2) ;
	orderObject3.add(busiObject3) ;
	//E创造订单
	$(".order_ed")[0].$("ul")[0].insert("<li>" + orderObject3.makeHTML() + "</li>") ;
	var ani3 = new AnimateRoutine({
		aniEle:$(".order_ed")[0].$("ul")[0].$(".li_bom")[0],
		aniMin:16,
		aniMax:50,
		closeAll:false,
		type:"bottom",
	}) ;
	var openBool3 = true ;
	$(".order_ed")[0].onclick = function(e){
		//进行发货确认 打开order_logistics栏查看或者操作发货
		if(e.target.attr("class") == "more_infor"){
			if(openBool3){
				openBool3 = false ;
				ani3.run() ;
			}else{
				openBool3 = true ;
				ani3.next() ;
			}
		}
	}
	//商铺中的订单样式修改代码
	var orders = $(".order_con")[0].$(".order") ;
	for(var i = 0; i < orders.length; i ++){
		orders[i].$("li")[0].css("border:none; padding:0;", false) ;
		orders[i].css("width:720px;", false) ;
	}

	new liEvent_2({
		cntElements:[$(".order_new")[0], $(".order_ing")[0], $(".order_ed")[0]],
		liElements:$(".order_nav")[0].$("li"),
	}).doReady() ;

	/*销售 - 销售情况*/
	new liEvent_2({
		cntElements:[$(".sales_new")[0], $(".sales_ing")[0], $(".sales_ed")[0]],
		liElements:$(".sales_nav")[0].$("li"),
	}).doReady() ;

	/*商品 右边内容*/
	/*##右容器*/
	var isDisabled = false ;  //是否需要设置Input的disabled
	var text = $(".goods_con")[0].$("input") ;
	for(var i = 0; i < text.length; i ++){
		text[i].disabled = true ;
	}
	trEventclick () ;
	//委托的方式处理修改和删除的点击事件
	function trEventclick (){
		var listUpdate = new ArrayList() ; //收集修改的tr元素 将在点击保存时读取修改的元素并传至后台
		var listDelete = new ArrayList() ;
		$(".goods_table")[0].onclick = function(e){
			if(e.target.nodeName == "I"){
				var trEle = e.target.parent("tr") ;  // 获取父元素tr
				if(e.target.attr("class") == "update_i"){
					//在点击时判断class名称为update_i 那么进行点击事件的设置
					if(listUpdate.serch(trEle))
						listUpdate.removeElment(trEle)
					if(trEle != undefined){
						var input = trEle.$("input") ;				//获取所有的input
						for(var i = 0; i < input.length; i ++){
							input[i].disabled = false ;
						}
					}
					isDisabled = true ;
					listUpdate.add(trEle) ;
					//console.log(listUpdate.size()) ;
					
				}
				if(e.target.attr("class") == "delete_i"){
					listDelete.add(trEle.attr("data-id")) ;
					//console.log(listUpdate.removeElment(trEle)) ;
					//console.log(listUpdate.size()) ;
					//console.log(listDelete.size()) ;
					trEle.remove() ;
				}
			}
		}
	}
	/*
	滑进一个tr会设置新的样式 并恢复下一个tr的样式
	*/
	trEventOver () ;
	//委托的方式处理
	function trEventOver (){
		var preTr ;
		var trFlag = false ;  //是否移至下一个tr
		var trOne = true ;    //限制运行一次
		var trEle ;
		$(".goods_table")[0].onmouseover = function(e){
			if(e.target.nodeName == "TD"){
				if(trOne){
					trEle = e.target.parentNode ;
					trOne = false ;
					overCss(trEle) ;
					preTr = trEle ;
				}
			}
			trFlag = e.target.isParentNode(trEle) ;
			if(e.target.nodeName == "TD"){
				if(!trFlag){
					trEle = e.target.parentNode ;
					if(preTr != undefined)
						outCss(preTr) ;
					preTr = trEle ;
					overCss(trEle) ;
				}
			}	
		}
		//恢复样式
		function outCss(e){
			e.css("box-shadow:none; ", false) ;
			e.$(".update_i")[0].css("background:url(image/manage/update.png);", false) ;
			e.$(".delete_i")[0].css("background:url(image/manage/dele.png);", false) ;
			if(isDisabled){
				isDisabled = false ;
				var input = e.$("input") ;
				for(var i = 0; i < input.length; i ++){
					input[i].disabled = true ;
				}
			}
		}
		//滑过样式
		function overCss(e){
			e.css("box-shadow:1px 1px 8px -1px #555; ", false) ;
			e.$(".update_i")[0].css("background:url(image/manage/update_hover.png);", false) ;
			e.$(".delete_i")[0].css("background:url(image/manage/dele2.png);", false) ;
		}
	
	}
	//将用于收集每一行商品的代码 调用makeHTML得到全部代码
	function Goods(){
		var list = new ArrayList() ;
		this.add = function (object){
			list.add(object) ;
		}
		this.makeHTML = function(){
			var str = "" ; 
			var it = list.itarator() ;
			while(it.hasNext()){
				str += it.next().makeHTML() ;
			}
			return str ;
		}
	}
	//每一行代码 Goods.add方法可以收集GoodsRow.makeHTML中的代码
	function GoodsRow(){
		var oparate = "" ;
		this.addOparate = function(object){
			oparate = object.makeHTML() ;
		}
		this.makeHTML = function(){

			return '<tr class="" data-id=""><td><input type="text"></td><td><input type="text"></td><td><input type="text"></td><td><input type="text"></td>'+oparate+'</tr>'
		}
	}
	
	</script>
 </body>
</html>